<template>
  <div class="each-img " :style="{background:soleItem.bg}" :class="activeItem?'active_shadow':''">
    {{ soleItem }}
  </div>
</template>

<script>
export default {
  name: 'ItemContainer',
  props: {
    soleItem: {
      type: Object,
      default: () => {}
    },
    activeItem: {
      type: Boolean,
      default: () => false
    }
  }

}
</script>

<style lang="scss" scoped>

 .each-img {
    //  background: coral;
    width: 350px;
    height: 100px;
    margin-right:20px ;
    padding: 5px;
  }
  .active_shadow{
    box-shadow: 0 0 5px 1px #000;
  }

</style>
